<template>
	<view class="jijie_block">
	  <view class="jijie_intro">
	    <view v-for="item in jijieArr" :key="item.pro_pic_url" class="jijie_con" @click="goItem" :data-id=item.product_id>
	      <view>
	        <image class="jijie_img" :src="item.pro_pic_url"></image>
	      </view>
	      <view style="text-align: center;">
	        <text style="color: #000;font-size: 14px;">{{ item.pro_title }}</text>
	      </view>
	      <view class="last_text" style="font-size: 14px;text-align: center;margin-top: 10rpx;">
	        <text style="color: #FC7919; margin-right: 10rpx;">{{ item.country }}</text> |
	        <text style="color: #878E90; margin-left: 10rpx;margin-right: 10rpx;">{{ item.routing_data }}天{{ item.routing_nigth }}晚 </text>|
	        <text style="color: lightcoral;margin-left: 10rpx;">♡ {{item.collection_num === null ? 0 : item.collection_num }}</text>
	      </view>
	    </view>
	  </view>
	</view>
</template>

<script>
	export default {
		name: "jijie",
		props:{
			 jijieArr:{
			      type:Array
			    },
			    type:{
			      type:String
			    }
		},
		data() {
			return {
				
			};
		},
		methods:{
			// 跳转内容页，传参
			goItem(ev) {
				console.log(ev);
				const id = ev.currentTarget.dataset.id;
				console.log(id)
				uni.navigateTo({
					url: '/pages/item/item?id=' + id,
				})
				
			},
		}
	}
</script>

<style>
	.jijie_block {
	  height: initial;
	  margin: auto;
	}
	
	.jijie {
	  margin-top: 275rpx;
	  background-color: #f2f2f2;
	  width: 100%;
	}
	
	.jijie_intro {
	  width: max-content;
	  margin: auto;
	  padding: 40rpx 0 80rpx 0;
		box-sizing: border-box;
	}
	
	.jijie_img {
	  width: 600rpx;
	  height: 350rpx;
	}
	
	.jijie_con {
	  margin-bottom: 40rpx;
	}
	
	.jijie_name {
	  background: #878e90;
	}
	
	.last_text {
	  width: 600rpx;
	}
</style>
